<script lang="ts">
 export default {
   name: 'Category',
   props: ['title']
 }
</script>

<template>
  <div class="category">
    <h2>{{title}}内容</h2>
    <slot>这是一个插槽，默认内容，当使用对象没有传递插槽内容时，就会显示此内容</slot>
  </div>
</template>

<style scoped>
  .category{
    background-color: blanchedalmond;
    width: 150px;
    height: 300px;
  }
</style>
